<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="outbox">
        <div class="secondbox">
            <p>预约入校，请填写来访名单</p>
        </div>
        <div class="inbox">
            <form action="" method="get" class="biaodan">
                <label for="username">姓名：</label>
                <input type="text" placeholder="请来访人输入姓名" id="mingzi"> <br>
                <label for="extra">同行人姓名：</label>
                <input type="text" placeholder="请输入同行人姓名" id="extra"><br>
                <!-- 姓别：
                <label for="nan">男</label>
                <input type="radio" name="sex" id="nan">
                <label for="nv">女</label>
                <input type="radio" name="sex" id="nv"><br> -->
                手机号码：
                <input type="number" maxlength="11" name="phonenumber"><br>
                车牌号：
                <input type="text"><br>
                <label for="visit">来访日期：</label>
                <input type="date" placeholder="/年/月/日" id="visit"><br>
                <label for="time">来访时间：</label>
                <input type="time" id="time"><br>
                <!-- 来访原因：
                公务<input type="checkbox"> 会友 <input type="checkbox"> 游玩 <input type="checkbox"> 考试 <input
                    type="checkbox"> -->
                <!-- 培训 <input type="checkbox"><br> -->
                <label for="qita">其他说明：</label>
                <textarea name="其他说明" id="qita" cols="30" rows="3"></textarea><br>
                <button type="submit">提交</button>
                <button type="reset">重置</button>
            </form>
        </div>

    </div>
    <div class="box">
        关键源代码
        <img src="images/关键源代码3.png" alt="">
    </div>

</body>

</html>